body,html{ 
    /*height:100%;*/
	font-size:14px;
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none; /*fixes too big font in mobile Safari*/
}
*{
	font-family:Arial, Helvetica, sans-serif;
}
h1{
	color:#1E2469;
	font-size:18px;
	border-bottom:1px solid #1E2469;
	margin:3px 0;
}
h2{
	color:#555;
	font-size:16px;
	margin:6px 0 3px 0;
}
h2.aviso{
	color:#ff0000;
}
h3{
	color:#1E2469;
	font-size:14px;
	margin:7px 0 0 0;
	clear:both;
}
td h3{
	margin:3px 0 0 0;
}
input,select,textarea{
	font-size:13px;
	padding:2px;
	border:1px solid #ccc;
}
textarea{
	width:98%;
}
select{
}
option{
	padding:0;
	background-color:#FFF;
}
optgroup{
	background:#CCC;
}
.radio{
	margin:0;
	margin-right:1px;
	position:relative;
}
.checkbox{
	margin:0;
	position:relative;
}
p{
	margin:0;
	clear:both;
	padding:1px 0;
}
fieldset{
	border:0;
	padding:0 0 0 80px;
	margin:0;
	clear:both;
}
fieldset ul{
	list-style:none;
	margin:0;
	padding:0;
}
fieldset ul li{
	float: left;
	display:inline;
}
legend{
	position:absolute;
	left:0;
	font-weight:bold;
	font-size:12px;
	color:#1E2469;
	line-height:18px;
}
.l{
	text-align:left;
}
.r{
	text-align:right;
}
span.exemplo{
	font-size:80%;
}
.clear{
	clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
#ancora{
	width:100%;
	height:0px;
}
#main{
	padding:0;
	/*position:relative;
	min-height:100%;*/
}
#main-02{
	padding:0;
	/*position:relative;
	min-height:100%;*/
}
#content{
	padding:0 2px 0 2px;
}
.listra{
	background:#eee;
}
table{
	width:100%;
	border-collapse: collapse;
	font-size:11px;
}
table thead{
	background:#333;
	background-position:center;
}
table thead.thead-02{
	background:#333;
	background:url(../img/bg-02.gif) repeat-x;
	background-position:bottom;
}
table th{
	color:#fff;
	font-weight:normal;
	border:1px solid #ccc;
}
.total td{
	background:#ccc;
	color:#000;
	border:1px solid #fff;
}
tfoot tr td{
	background:#1E2469;
	color:#FFF;
}
.total-geral{
	background:#555;
	color:#FFF;
}
.total-geral td{
	background:#555;
	color:#FFF;
}
.total-geral a{
	color:#FFF;
}
tfoot a{
	color:#FFF;
}
td{
	border:1px solid #CCC;
}
.bg-head{
	background:#555;
	background-position:bottom;
	color:#FFF;
	padding:2px;
}
.no-bg{
	background:#fff;
}
.voltar-top a{
	margin-left:3px;
}
.no-border{
	border-left:none;
	border-right:none;
}
#login{
	width:168px;
	height:194px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-110px;
	margin-left:-84px;
}
.login-home{
	background:#1E2469;
	color: #fff;
}
.login-home p{
	margin: 3px 0;
	font-weight:bold;
}

.logo-login{
	text-align:center;
}
.dez{
	width:10px;
}
.vinte{
	width:20px;
}
.trinta{
	width:30px;
}
.quarenta{
	width:40px;
}
.cinquenta{
	width:50px;
}
.sessenta{
	width:60px;
}
.setenta{
	width:70px;
}
.oitenta{
	width:80px;
}
.noventa{
	width:90px;
}
.cem{
	width:100px;
}
.cento-vinte{
	width:120px;
}
.cento-trinta{
	width:130px;
}
.cento-quarenta{
	width:140px;
}
.cento-cinquenta{
	width:150px;
}
.cento-sessenta{
	width:160px;
}
.cento-setenta{
	width:170px;
}
.cento-oitenta{
	width:180px;
}
.cento-noventa{
	width:190px;
}
.duzentos{
	width:200px;
}
.duzentos-dez{
	width:210px;
}
.duzentos-vinte{
	width:220px;
}
.duzentos-cinquenta{
	width:250px;
}
input.bt{
	height:20px;
	padding:0px 4px;
}
.bt{
	background:#0079C2;
	border:0;
	width:auto;
	color:#fff;
	cursor:pointer;
	padding:2px 4px;
	margin:0px 4px 0 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	font-size: 12px ! important;
	text-decoration:none;
}
a.bt-02{
	background:#777;
	border:0;
	width:auto;
	color:#fff;
	cursor:pointer;
	padding:2px 3px;
	margin:2px 2px 2px 0;
	text-decoration:none;
	font-size:14px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
}
a.bt-02:hover{
	background:#000;
}
a.bt-03{
	background:#ff0000;
	border:0;
	width:auto;
	color:#fff;
	cursor:pointer;
	padding:2px 3px;
	margin:2px 2px 2px 0;
	text-decoration:none;
	font-size:14px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
}
a.bt-03:hover{
	background:#000;
}
.bts{
	margin:5px 0;
	padding:5px 0;
  border-top:1px solid #1E2469;
}
.bts-02{
	margin-top:5px;
	padding-top:5px;
}
.bt-login{
	font-weight:bold;
	margin-top:5px;
}
#menu-top{
	background: #1E2469;
	height:21px;
	padding: 2px 0 2px 2px;
	color:#fff;
	font-size:12px;
	line-height:1.7em;
}
#menu-top a{
	color:#fff;
}
#menu-top ul{
	display:inline;
	list-style: none;
	margin:0;
}
#menu-top ul li{
	float:left;
}
#menu-top .logo{
	float:left;
	padding-left:3px;
}
#menu-top .login{
	float:left;
	padding-left:2px;
}
#menu-top .sair{
	float:right;
	text-align:right;
}
#menu-top .opcoes{
	float:right;
	text-align:right;
}
#menu-top .barra{
	background: url(../img/barra.gif) no-repeat;
	width:2px;
	height:20px;
	float:left;
	margin:0 3px;
}
#menu-top .barra-r{
	background: #fff;
	width:1px;
	height:20px;
	float:right;
	margin:0 3px;
}
#menu-02{
	background-color:#fff;
	color:#fff;
	text-align:center;
	font-size:12px;
	padding:2px 0 3px 0;
	margin-top:1px;
}
#menu-02 a.bt-02{
	color:#fff;
	margin:0;
	padding:2px;
}
ul#menu-opcoes{
	/*list-style-image: url(../img/seta.gif);*/
	background: #fff ! important;
	list-style:none;
	margin:0;
	padding:0;
	position: relative;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
ul#menu-opcoes li{
	background:#eee;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}
ul#menu-opcoes li a{
	color:#777;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:3px 0;
	padding:4px 2px;
}
ul#menu-opcoes li a:hover{
	background:#0079C2;
	color:#fff;
   font-weight:bold;
}
ul#menu-opcoes li:hover{
	/*list-style-image: url(../img/seta-on.gif);*/
}

#menu-opcoes-02 p{
	margin-bottom:4px;
	text-align:center;
}
.center{
	text-align:center;
}
.border-bottom{
	border-bottom:1px solid #ccc;}
label{
	display:inline;
	float:left;
	position:relative;
}
.tit{
	top:.4em;
    color:#1E2469;
	font-size:12px;
	font-weight:bold;
}
.tit2{
	top:.4em;
    color:#1E2469;
	font-size:12px;
	font-weight:bold;
}
.tit-02{
	top:0;
    font-size:12px;
	font-weight:bold;
	color:#1E2469;
}
.label-01{
	top:0em;
}
.label-02{
	top:0em;
	width:80px;
    color:#1E2469;
	font-size:12px;
	font-weight:bold;
}
fieldset label{
	width:auto;
}
#form-vendas label{
	width:75px;
}
.palm-escolas label{
	width:90px;
}
.palm-escola-incluir label.tit{
	width:90px;
}
#assessoria-incluir label{
	width:70px;
}
#assessoria-incluir fieldset{
	padding-left:70px;
}
.escola-visitas-ver label{
	width:60px;
}
.escola-roteiros-ver label{
	width:60px;
}
.escola-professor-vincular label{
	width:50px;
}
#form-escola-prof-ver label{
	width:100px;
}
#form-escola-prof-ver .escola-leciona{
	margin:5px 0;
}
p.materia{
	padding:1px 0;
	border-bottom: 1px solid #ccc;
}
#form-escola-prof-ver p.materia label{
	width: 70px;
}
fieldset.materia{
	margin:0;
	padding:0;
}
fieldset.materia label{
	width:70px;
}
#escola-notificacao-ver label{
	width:70px;
}
#escola-oferta-individual label{
	width:40px;
}
#material-de-evento label{
	width:50px;
}
#despesas label{
	width:80px;
}
#quilometragem label{
    width:80px;
}
#form-incluir-km label{
	width:70px;
}
#form-pedido label{
	width:70px;
}
#form-roteiros label{
	width:80px;
}
#form-visitas-dia label{
	width:80px;
}
#form-tabela-preco label{
	width:90px;
}
#form-escola-incluir label{
	width:70px;
}
#form-professor-buscar label{
	width:90px;
}
#form-recados label{
	width:60px;
}
#form-recado-editar label{
	width:50px;
}
#form-recado-editar fieldset{
	padding-left:50px;
}
#form-patrocinio label{
	width:80px;
}
#form-escolas-estatistica label{
	width:100px;
}
#form-lista-adocao label{
	width:70px;
}
#form-ofertas-escolas label{
	width:90px;
}
#form-adocao-escolas label{
	width:70px;
}
#form-adocao-escolas-livro label{
	width:70px;
}
#form-celular-conta label{
  width:70px;
}
#form-consig label{
	width:70px;
}
#form-viagens label{
	width:80px;
}
#form-recados-rel label{
	width:80px;
}
#form-recados fieldset{
	padding-left:60px;
}
#form-inventario-nf label{
	width:70px;	
}
#form-palm-inventario label{
	width:85px;
}
#form-estoque-transf label{
	width:110px;
}
#form-ofertas-escolas-livro label{
	width:80px;
}
#form-pedido-montar label{
	width:110px;
}
#form-pedido-montar fieldset {
    padding: 0 0 0 110px;
}
#form-pedido-montar-02 label{
	width:70px;
}
#form-pedido-montar-02 fieldset{
	padding-left:70px;
}
#form-palm-escola-prof-ver-cpf label{
	width:80px;
}
#form-despesas-incluir label{
	width:100px;
}
#form-assessoria label{
	width:70px;
}
#form-assessoria fieldset{
	padding-left:70px;
}
#visitas-dia-detalhe label{
	width:60px;
}
#visitas-supervisores label{
	width:60px;
}
#visita_chamado label.tit{
	width:70px;
}
#visita_chamado label.tit2{
	width:100%;
	padding-bottom:3px;
}


.linha{ height:1px; width:100%; background:#ccc; border:0;}
/*----------------- footer --------------------*/
.bt-top{
	margin-top:22px;
}
#bt-top{
	width:100%;
	height:25px;
	background:#fff;
	/*background:url(../img/bg-bt-footer.gif) bottom repeat-x;*/
	/*position:fixed;*/

	padding:0;
	z-index:100;
	border-bottom:1px solid #1E2469;
}
#bt-footer{
	width:100%;
	background:#fff;
	/*background:url(../img/bg-bt-footer.gif) bottom repeat-x;
	position:relative;
	bottom:-12px !important;*/
	padding:1px 0;
	margin-top:3px;
	border-top:1px solid #999;
	height:20px;
	/*position:absolute;
	bottom:0;*/
	
}
#bt-top a{
	font-size:14px;
	margin:2px;
}
#bt-top .l{
	float:left;
}
#bt-top .r{
	float:right;
	margin-right:3px;
}
#bt-footer a{
	font-size:11px;
	margin:2px;
}
#bt-footer .l{
	float:left;
}
#bt-footer .r{
	float:right;
	margin-right:2px;
}

/*----------- Aviso ------------*/
.aviso{
}
.aviso ul{
	margin:0;
	padding:0;
	list-style:none;
}
.aviso li{
	list-style:none;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
.aviso a{
	text-decoration:none;
	color:#0079C2;
}
.aviso .data{
	font-size:12px;
	font-style:italic;
	color:#555;
}
